<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
<%@page import="portal.vo.*" %>
<%@page import="java.util.*" %> 
<script type="text/javascript" src="scripts/ajax.js"></script>

<%
List<ItemVO> items = new ArrayList<ItemVO>();
if(request.getAttribute("listaCarrito") != null) 
	items = (List<ItemVO>)request.getAttribute("listaCarrito");

%>

<form action="/PortalWeb/CerrarCompraServlet" method="post">
<table class="listaCarritoContenedor" cellSpacing=1 cellPadding=3 align="center" border=0>
	<tbody>
		<tr>
			<td class=titulotabla align="center" width="16%">Imagen</td>
			<td class=titulotabla align="center" width="16%">Nombre</td>
			<td class="titulotabla" align="center" width="16%">Categoria</td>
			<td class=titulotabla align="center" width="16%">Marca</td>
			<td class=titulotabla align="center" width="16%">Cantidad</td>
			<td class="titulotabla" align="center" width="16%">Precio Unitario</td>
			<td class="titulotabla" align="center" width="16%">Precio Total</td>
		</tr>
		<% double precioTotal = 0; %>
		<%int i = 0; %>
		<%for(ItemVO it: items) { %>
		<% i++; %>
		 <%
              if ((i % 2) == 0) {
                out.println("<TR align=\"center\" class=\"odd\">");
              } else {
                out.println("<TR align=\"center\" class=\"even\">");
              }
            %>
			<td class=azul align="center"><IMG alt="foto" src=<%=it.getItemProducto().getImagen() %> border="0" /></td>
			<td class=azul align="center"><%= it.getItemProducto().getNombre() %></td>
			<td class=azul align="center"><%= it.getItemProducto().getCategoria() %></td>
			<td class=azul align="center"><%= it.getItemProducto().getMarca() %></td>
			<td class=azul align="right"><%= it.getCantidad() %></td>
			<td class=azul align="right">$ <%= it.getItemProducto().getPrecio() %></td>
			<td class=azul align="right">$ <%= (it.getCantidad() * it.getItemProducto().getPrecio()) %></td>
			
		<%
              out.println("</TR>");
            %>
		<%
		precioTotal = precioTotal + (it.getCantidad() * it.getItemProducto().getPrecio());
		} %>
		
		<tr bgColor=#cccccc>
	  	    <TD colspan="6" align="right">Total ($): </TD>
	  	    <TD><%= precioTotal %></TD>
        </tr>
		
	 	<tr bgColor=#cccccc>
	  	    <TD>&nbsp;</TD>
	        <TD>&nbsp;</TD>	      
	  	    <TD>&nbsp;</TD>
	  	    <TD>&nbsp;</TD>
	  	    <TD>&nbsp;</TD>
	  	    <TD>&nbsp;</TD>
	  	    <TD>&nbsp;</TD>
        </tr>

	</tbody>
</table>
<div style="text-align:right"><input type="submit" value="Confirmar"></div>
</form>